<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>angularjs</title>
    <script src="//cdn.bootcss.com/angular.js/1.5.6/angular.min.js"></script>
    <script type="text/javascript">
        var app = angular.module('app', []);
        app.controller('MainController', function ($rootScope, $scope, $http) {

            $scope.data = {
                no: 'No.1234567890',
                quantity: 100,
                'date': '2016-12-20'
            };

            $scope.postJson = function () {
                $http({
                    url: '/postJson',
                    method: 'POST',
                    data: $scope.data
                }).success(function (r) {
                    $scope.responseBody = r;
                });

            }
        });
    </script>
</head>
<body ng-app="app" ng-controller="MainController">
no:
<input id="no" ng-model="data.no"/>
<br/> quantity:
<input id="quantity" ng-model="data.quantity"/>
<br/> date:
<input id="date" ng-model="data.date"/>
<br/>
<input value="postJson" type="button" ng-click="postJson()"/>
<br/>
<br/>
<div>{{responseBody}}</div>
</body>
</html>